<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>老司机汽车行</title>
<style>
.ly1{width:100%;height:200px; background:blue;}
  .ly1-1{width:40%;height:200px; text-align:center; line-height:80px;background:#FFF;font-weight:bolder;float:left;}
  .ly1-2{width:60%;height:200px; background:black;text-align:center; line-height:80px;color:#FFF;font-weight:bolder;float:left;}
  .ly1-3{clear:both;}
.ly2{width:100%;height:420px; background: #CCC;}
  .ly2-1{width:100%;height:200px; background:#69F;text-align:center;font-weight:bolder;}
  .ly2-2{
	width: 31%;
	height: 200px;
	font-weight: bolder;
	margin: 5px;
	float: left;
	border-style: outset;
	border-width: thin;
	border-color: #03F;
}
     .ly2-2-1{background:#039;}
	 p{text-align:center; color:#000;}
  .ly2-3{width:31%;height:200px; background: #CCC;text-align:center;font-weight:bolder; border-style: outset;
	border-width: thin;
	border-color: #03F;color:#FFF;margin:5px;float:left;}
    .ly2-3-1{background:#039;}
  .ly2-4{width:31%;height:200px; background:#CCC;text-align:center;font-weight:bolder;border-style: outset;
	border-width: thin;
	border-color: #03F; color:#FFF;margin:5px;float:left;}
  .ly2-4-1{background:#039;}
.ly3{width:100%;height:100px; background:#039; color:#FFF;font-weight:bolder;text-align:center;}
</style>
</head>

<body>
<div class="ly1">
  <div class="ly1-1">老司机汽车行</div>
  <div class="ly1-2">公司概况 主营业务 交流论坛  售后服务</div> <div class="ly1-3"></div>
</div>
<div class="ly2">
<div class="ly2-1"><img src="汽车.jpg" width="100%" height="200px"></div>
<div class="ly2-2"><div class="ly2-2-1">汽车厂家直售</div><div><p>业务介绍</p><p>汽车品牌</p><p>优惠政策</p></div></div>
<div class="ly2-3"><div class="ly2-3-1">汽车配件</div><div><p>主要部件</p><p>轮胎悬挂</p><p>内部配件</p></div></div>
<div class="ly2-4"><div class="ly2-4-1">汽车装饰</div><div><p>内部装饰</p><p>外部装饰</p><p>物摆玩偶</p></div></div>
<div class="ly1-3"></div>
</div>
<div class="ly3">服务导航</div>
</body>
</html>